<template>
  <div>
    <!-- 了解即可
          :style="对象/数组"
     -->
    <h3>动态设置行内样式</h3>
    <div :style="obj"></div>
    <div :style="{background:'red', width: '200px', height: '100px'}"></div>
    <div :style="[obj, obj2]"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        width: '200px',
        height: '200px',
        backgroundColor: 'pink'
      },
      obj2: {
        borderRadius: '50%'
      }
    }
  }
}
</script>

<style>

</style>